<!DOCTYPE html>
<html>
<head>
    <title>文本预览核查</title>
<#include "../common/common.ftl"/>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header">文本预览核查【项目名称：<span class="jmdf-color-red">${(zsProject.projectName)!}</span>】
        </div>
        <div class="layui-card-body">
            <div class="layui-tab layui-tab-brief" id="checkPrint">
                <ul class="layui-tab-title">
                    <li source="/pdf/print/checkPrintPdf?zsProjectId=${(zsProject.id)!}"
                        str="resetProcessCardPDF" class="layui-this">
                        流程卡
                    </li>
                    <li source="/pdf/print/checkPrintPdf?zsProjectId=${(zsProject.id)!}"
                        str="chooseHouseGzBillPDF">
                        选房安置告知书
                    </li>
                    <li source="/pdf/print/checkPrintPdf?zsProjectId=${(zsProject.id)!}"
                        str="batchChooseNoticePrintPDF">
                        选房安置通知书
                    </li>
                    <li source="/pdf/print/checkPrintPdf?zsProjectId=${(zsProject.id)!}"
                        str="chooseHouseReviewTablePDF">
                        选房安置资格审查表
                    </li>
                    <li source="/pdf/print/checkPrintPdf?zsProjectId=${(zsProject.id)!}"
                        str="chooseResultPDF">
                        房源签认表
                    </li>
                    <li source="/pdf/print/checkPrintPdf?zsProjectId=${(zsProject.id)!}"
                        str="settlementPDF">
                        财务结算表
                    </li>
                    <li source="/pdf/print/checkPrintPdf?zsProjectId=${(zsProject.id)!}"
                        str="handInMoneyPDF">
                        缴款通知书
                    </li>
                    <li source="/pdf/print/checkPrintPdf?zsProjectId=${(zsProject.id)!}"
                        str="resetAgreementPrintPDF1">
                        安置协议一
                    </li>
                    <li source="/pdf/print/checkPrintPdf?zsProjectId=${(zsProject.id)!}"
                        str="resetAgreementPrintPDF2">
                        安置协议二
                    </li>
                    <li source="/pdf/print/checkPrintPdf?zsProjectId=${(zsProject.id)!}"
                        str="carLotPrintPDF">
                        车位使用权买卖协议
                    </li>
                    <li source="/pdf/print/checkPrintPdf?zsProjectId=${(zsProject.id)!}"
                        str="takeHouseGZPDF">
                        交房告知书
                    </li>
                    <li source="/pdf/print/checkPrintPdf?zsProjectId=${(zsProject.id)!}"
                        str="paymentPDF">
                        缴款清单
                    </li>
                    <li source="/pdf/print/checkPrintPdf?zsProjectId=${(zsProject.id)!}"
                        str="settleVoucherPDF">
                        结清凭证
                    </li>
                    <li source="/pdf/print/checkPrintPdf?zsProjectId=${(zsProject.id)!}"
                        str="takeHousePDF">
                        交房通知书
                    </li>
                     <li source="/pdf/print/checkPrintPdf?zsProjectId=${(zsProject.id)!}"
                        str="houseTypeListPDF">
                         户型清单
                    </li>

                </ul>
                <div class="layui-col-lg6 layui-col-md6 ">
                    <iframe id="printIframe" style="width: 95%;height: 700px;margin-top: 20px"></iframe>
                </div>
                <div class="layui-col-lg6 layui-col-md6 ">
                <#--流程卡-->
                    <div class="layui-col png resetProcessCardPDF">
                        <img style="height: 700px;margin-top: 20px;margin-left: 100px"
                             src="/images/pdf/resetProcessCardPDF.png">
                    </div>
                <#--选房安置告知书-->
                    <div class="layui-col png chooseHouseGzBillPDF">
                        <img style="height: 700px;margin-top: 20px;margin-left: 100px"
                             src="/images/pdf/chooseHouseGzBillPDF.png">
                    </div>
                <#--选房安置通知书-->
                    <div class="layui-col png batchChooseNoticePrintPDF">
                        <img style="height: 700px;margin-top: 20px;margin-left: 100px"
                             src="/images/pdf/batchChooseNoticePrintPDF.png">
                    </div>
                <#--选房安置资格审查表-->
                    <div class="layui-col png chooseHouseReviewTablePDF">
                        <img style="height: 700px;margin-top: 20px;margin-left: 100px"
                             src="/images/pdf/chooseHouseReviewTablePDF.png">
                    </div>
                <#--电子签认表-->
                    <div class="layui-col png chooseResultPDF">
                        <img style="height: 700px;margin-top: 20px;margin-left: 100px"
                             src="/images/pdf/chooseResultPDF.png">
                    </div>
                <#--财务结算表-->
                    <div class="layui-col png settlementPDF">
                        <img style="height: 700px;margin-top: 20px;margin-left: 100px"
                             src="/images/pdf/settlementPDF.png">
                    </div>
                <#--缴费清单-->
                    <div class="layui-col png paymentPDF">
                        <img style="height: 700px;margin-top: 20px;margin-left: 100px"
                             src="/images/pdf/paymentPDF.png">
                    </div>
                <#--协议1-->
                    <div class="layui-col png resetAgreementPrintPDF1">
                        <img style="height: 500px;margin-top: 20px;margin-left: 20px"
                             src="/images/pdf/resetAgreementPrintPDF101.png">
                        <img style="height: 500px;margin-top: 20px;margin-left: 20px"
                             src="/images/pdf/resetAgreementPrintPDF102.png">
                        <img style="height: 500px;margin-top: 20px;margin-left: 20px"
                             src="/images/pdf/resetAgreementPrintPDF103.png">
                        <img style="height: 500px;margin-top: 20px;margin-left: 20px"
                             src="/images/pdf/resetAgreementPrintPDF104.png">
                        <img style="height: 500px;margin-top: 20px;margin-left: 20px"
                             src="/images/pdf/resetAgreementPrintPDF105.png">
                    </div>
                <#--协议2-->
                    <div class="layui-col png resetAgreementPrintPDF2">
                        <img style="height: 500px;margin-top: 20px;margin-left: 20px"
                             src="/images/pdf/resetAgreementPrintPDF201.png">
                        <img style="height: 500px;margin-top: 20px;margin-left: 20px"
                             src="/images/pdf/resetAgreementPrintPDF202.png">
                    </div>
                <#--车位协议-->
                    <div class="layui-col png carLotPrintPDF">
                        <img style="height: 500px;margin-top: 20px;margin-left: 20px"
                             src="/images/pdf/carLotPrintPDF01.png">
                        <img style="height: 500px;margin-top: 20px;margin-left: 20px"
                             src="/images/pdf/carLotPrintPDF02.png">
                        <img style="height: 500px;margin-top: 20px;margin-left: 20px"
                             src="/images/pdf/carLotPrintPDF03.png">
                    </div>
                <#--缴款通知单-->
                    <div class="layui-col png handInMoneyPDF">
                        <img style="height: 700px;margin-top: 20px;margin-left: 100px"
                             src="/images/pdf/handInMoneyPDF.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/layui/layui.js" charset="utf-8"></script>
<script>
    layui.use(['jquery', 'element'], function () {
        var $ = layui.jquery, element = layui.element;

//        打印链接调用
        function openPdf(source) {
            var url = source + "#toolbar=0";
            $("#printIframe").attr("src", url);
        }

        $("#checkPrint li").click(function () {
            $(".printBtn").removeClass("layui-this");
            $(this).addClass("layui-this");
            var source = $(this).attr("source");
            var str = $(this).attr("str");
            openPdf(source + "&str=" + str);
            hideOrShow(str)
        });

        function hideOrShow(str) {
            $(".png").hide();
            $("." + str).show();
        }

        openPdf($("#checkPrint li").attr("source") + "&str=" + $("#checkPrint li").attr("str"));
        hideOrShow("resetProcessCardPDF");

    })
</script>
</body>
</html>